$(function () {
    $('#loadTable').bootstrapTable({
        method : 'get',
        url : ctx+"adminHigh/getCommodityOrderListPage",//请求路径
        height: getHeight(),//表格高度
        striped : true, //是否显示行间隔色
        pageNumber : 1, //初始化加载第一页
        pagination : true,//是否分页
        /*striped : true,   //设置为 true 会有隔行变色效果*/
        sidePagination : 'server',//server:服务器端分页|client：前端分页
        pageSize : 5,//单页记录数
        pageList : [5,10,20,30],//可选择单页记录数
        showRefresh : true,//刷新按钮
        queryParams : function(params) {//上传服务器的参数
            var temp = {//如果是在服务器端实现分页，limit、offset这两个参数是必须的
                limit :  params.limit, // 每页显示数量
                offset : params.offset, // SQL语句起始索引
                page : (params.offset / params.limit) + 1, //当前页码
                usedIntegral: $('#usedIntegral').val(),
                commodity_address : $('#commodity_address').val(),
                state:$('#sel1').val()
            };
            return temp;
        },
        columns : [ {
            title : '订单商品图片',
            field : 'commodity_pic',
            formatter:function (value,row,index) {
                value = "/img/picImg?url="+value;
                return '<span><img src='+ value +' /></span>'
            }
        },{
            title : '订单收货地址',
            field : 'commodity_address',
            cellStyle:formatTableUnit,
            formatter:paramsMatter,
        },{
            title : '订单兑换积分',
            field : 'usedIntegral',
        },{
            title:'状态',
            field:'state',
            formatter:function(value,row,index){
                if (value == '0'){
                    return '<span style="color: red">待收货</span>'
                }
                else {
                    return '已收货'
                }
            }

        },{
            field: 'operate',
            title: '操作',
            width: 120,
            align: 'center',
            valign: 'middle',
            formatter: actionFormatter,
        }]
    })

    function actionFormatter(value, row, index) {
        var strArray = new Array();
        strArray.push('<button class="btn btn-primary btn-lg" id="edit"  data-toggle="modal" data-target="#EditModal" ' +
            'onclick="DeleteOrderById(\''+row.id+'\')">删除</button> ');
        return strArray.join("");
    }
    //调整table的高度
    function getHeight() {
        /*     console.info("浏览器宽度"+$(window).height());*/
        return 390;
    }

    //查询按钮事件
    $('#search_btn').click(function() {
        $('#loadTable').bootstrapTable('refresh', {
            url :ctx+"adminHigh/getCommodityOrderListPage"
        });
    });


    // 删除订单
    $('#saveActive').click(function () {
        $.ajax({
            url: ctx+"adminHigh/deleteIntegralorder?commodity_orderId="+$('#commodity_order').val(),
            type: "post",
            dataType:"json",
            success: function(data) {
                $('#EditModal').modal('hide');
                $('#loadTable').bootstrapTable('refresh');
                toastr.success(data.msg)
            },
            error: function(data) {
                toastr.error("操作失败");
            }
        });
    })
})

//modal 赋值id
function DeleteOrderById(id) {
    console.info(id)
    $('#commodity_order').val(id);
};


//表格超出宽度鼠标悬停显示td内容
function paramsMatter(value,row,index) {
    var span=document.createElement('span');
    span.setAttribute('title',value);
    span.innerHTML = value;
    return span.outerHTML;
}

//td宽度以及内容超过宽度隐藏
function formatTableUnit(value, row, index) {
    return {
        css: {
            "white-space": 'nowrap',  //white-space:段落中的文本不进行换行：nowrap: 文本会在在同一行上继续，直到遇到 <br> 标签为止
            "text-overflow": 'ellipsis', //text-overflow 属性规定当文本溢出包含元素时发生的事情   ellipsis:显示省略符号来代表被修剪的文本
            "overflow": 'hidden',
            "max-width":"150px"
        }
    }
}